<template name="mard2d">
    <div id="mars2dMap"></div>
</template>

<script lang="ts" setup>
import * as mars2d from "mars2d"
import axios from 'axios'
import { onMounted } from 'vue';

let map

onMounted(() => {
    axios.get("http://120.26.61.220/marsgis/conf/mars2d.json").then(response => {
        map = new mars2d.Map("mars2dMap", response.data)
    })
})
</script>

<style scoped>
#mars2dMap {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
</style>